<div class="section-products">
    <div id="content">
        <div id="catalog">
            <fieldset>
                <label for="size" id="size-name"><span>Choose</span> Size: <strong>3X-Large (Add $2.00)</strong></label>
                <ul class="multioption" id="size-options">
                    <li title="Small" class="    ">
                        <a >S</a>
                    </li>
                    <li class="   " >
                        <a title="Medium">M</a>
                    </li>
                    <li  class=" ">
                        <a title="Large">L</a>
                    </li>
                    <li  class="   ">
                        <a title="X-Large">XL</a>
                    </li>
                    <li  class="   ">
                        <a title="2X-Large (Add $2.00)">2XL</a>
                    </li>
                    <li  class="selected">
                        <a title="3X-Large (Add $2.00)">3XL</a>
                    </li>
                    <li class=" ">
                        <a title="4X-Large (Add $6.00)" >4XL</a>
                    </li>
                    <li  class="   ">
                        <a title="5X-Large (Add $6.00)">5XL</a>
                    </li>
                </ul>
                <input type="hidden" value="7" class="hidden" id="size" name="size"><br>
                <input type="hidden" value="1" class="hidden" id="inseam" name="inseam"><br>
                <label for="color" id="color-name"><span>Choose</span> Color: <strong>Black&nbsp;</strong></label>
                <ul class="multioption" id="color-options">
                    <li class="selected" id="c-thread-white-00042" title="Black" style="background: #393738"><a >Black</a></li>
                    <li id="c-thread-white-00037" title="Ceil Blue" style="background: #718BC6"><a >Ceil Blue</a></li>
                    <li id="c-thread-white-00071" title="Hunter Green" style="background: #005D53"><a >Hunter Green</a></li>
                    <li id="c-thread-white-00048" title="Navy" style="background: #002245"><a >Navy</a></li>
                    <li id="c-thread-white-00039" title="Royal Blue" style="background: #3D68AD"><a >Royal Blue</a></li>
                    <li id="c-thread-black-00107" title="Sandstone" style="background: #C6BAAE"><a >Sandstone</a></li>
                    <li id="c-thread-white-00109" title="Steel Grey" style="background: #656E7D"><a >Steel Grey</a></li>
                    <li id="c-thread-black-00121" title="White" style="background: #ffffff"><a >White</a></li>
                    <li id="c-thread-white-00105" title="Wine" style="background: #631C3A"><a >Wine</a></li>
                </ul>
                <input type="hidden" value="42" class="hidden" id="color" name="color"><br>
                <label for="monogram" id="monogram-name"><div><span>Choose</span> Monogramming:</div> <strong>None&nbsp;</strong></label>
                <ul class="multioption" id="monogram-options">
                    <li class="selected" title="None">
                        <a onclick="return setOption('monogram', this);" >None</a>
                    </li>
                    <li class="show-monogram-options m-1" title="1-Line Monogram (Add $5.50)">
                        <a onclick="return setOption('monogram', this);" >1-Line</a>
                    </li>
                    <li class="show-monogram-options m-2" title="2-Line Monogram (Add $7.50)">
                        <a onclick="return setOption('monogram', this);" >2-Line</a>
                    </li>
                </ul>
                <input type="hidden" value="1" class="hidden" id="monogram" name="monogram"><br>
                <p class="hint">To add a logo you must <a href="/account/workplace/?return=product">set your workplace</a>.</p>
                <div style="display: none;" id="embroidery-options">
                    <div style="color: #ffffff; background: #393738; font-family: sans-serif; text-transform: uppercase; " id="embroidery-example">J. Smith, RN</div>
                    <p class="hint">This is only an example. The embroidery font may be different from what you see here.</p>
                    <label for="font">
                        <span>Choose</span> Font
                        <select onchange="updatePreviewCss(this);" id="font" name="font">
                            <option title="font-family:sans-serif;text-transform:uppercase;" selected="selected" value="1">Block</option>
                            <option title="font-family:script;" value="2">Script</option>
                        </select>
                    </label><br>
                    <label for="thread-color" id="thread-color-name"><span>Choose</span> Thread Color: <strong>White&nbsp;</strong></label>
                    <ul class="multioption" id="thread-color-options">
                        <li title="Aqua Breeze" id="thread-aqua-breeze" style="background: #8CC8D3"><a onclick="return setOption('thread-color', this);" >Aqua Breeze</a></li>
                        <li title="Arctic Ice" id="thread-arctic-ice" style="background: #7A8B9D"><a onclick="return setOption('thread-color', this);" >Arctic Ice</a></li>
                        <li title="Black" id="thread-black" style="background: #393738"><a onclick="return setOption('thread-color', this);" >Black</a></li>
                        <li title="Cappuccino" id="thread-cappuccino" style="background: #9F8F80"><a onclick="return setOption('thread-color', this);" >Cappuccino</a></li>
                        <li title="Caribbean" id="thread-caribbean" style="background: #004C63"><a onclick="return setOption('thread-color', this);" >Caribbean</a></li>
                        <li title="Carribean Blue" id="thread-carribean-blue" style="background: #004C63"><a onclick="return setOption('thread-color', this);" >Carribean Blue</a></li>
                        <li title="Ceil Blue" id="thread-ceil-blue" style="background: #718BC6"><a onclick="return setOption('thread-color', this);" >Ceil Blue</a></li>
                        <li title="Cherry Blossom" id="thread-cherry-blossom" style="background: #E0A0BA"><a onclick="return setOption('thread-color', this);" >Cherry Blossom</a></li>
                        <li title="Chestnut" id="thread-chestnut" style="background: #5C4639"><a onclick="return setOption('thread-color', this);" >Chestnut</a></li>
                        <li title="Chocolate" id="thread-chocolate" style="background: #5C4639"><a onclick="return setOption('thread-color', this);" >Chocolate</a></li>
                        <li title="Cocoa" id="thread-cocoa" style="background: #513F3B"><a onclick="return setOption('thread-color', this);" >Cocoa</a></li>
                        <li title="Dill" id="thread-dill" style="background: #849044"><a onclick="return setOption('thread-color', this);" >Dill</a></li>
                        <li title="Galaxy Blue" id="thread-galaxy-blue" style="background: #014691"><a onclick="return setOption('thread-color', this);" >Galaxy Blue</a></li>
                        <li title="Grape" id="thread-grape" style="background: #363181"><a onclick="return setOption('thread-color', this);" >Grape</a></li>
                        <li title="Hunter Green" id="thread-hunter-green" style="background: #005D53"><a onclick="return setOption('thread-color', this);" >Hunter Green</a></li>
                        <li title="Island Green" id="thread-island-green" style="background: #5BB166"><a onclick="return setOption('thread-color', this);" >Island Green</a></li>
                        <li title="Lime" id="thread-lime" style="background: #A4C96A"><a onclick="return setOption('thread-color', this);" >Lime</a></li>
                        <li title="Limeade" id="thread-limeade" style="background: #A4C96A"><a onclick="return setOption('thread-color', this);" >Limeade</a></li>
                        <li title="Navy" id="thread-navy" style="background: #002245"><a onclick="return setOption('thread-color', this);" >Navy</a></li>
                        <li title="Olive" id="thread-olive" style="background: #526247"><a onclick="return setOption('thread-color', this);" >Olive</a></li>
                        <li title="Patriot Blue" id="thread-patriot-blue" style="background: #212D61"><a onclick="return setOption('thread-color', this);" >Patriot Blue</a></li>
                        <li title="Pearl Pink" id="thread-pearl-pink" style="background: #E3C6D8"><a onclick="return setOption('thread-color', this);" >Pearl Pink</a></li>
                        <li title="Primrose" id="thread-primrose" style="background: #E32B83"><a onclick="return setOption('thread-color', this);" >Primrose</a></li>
                        <li title="Riviera Blue" id="thread-riviera-blue" style="background: #4DA4CF"><a onclick="return setOption('thread-color', this);" >Riviera Blue</a></li>
                        <li title="Robins Egg" id="thread-robins-egg" style="background: #99CDE3"><a onclick="return setOption('thread-color', this);" >Robins Egg</a></li>
                        <li title="Royal Blue" id="thread-royal-blue" style="background: #3D68AD"><a onclick="return setOption('thread-color', this);" >Royal Blue</a></li>
                        <li title="Sandstone" id="thread-sandstone" style="background: #C6BAAE"><a onclick="return setOption('thread-color', this);" >Sandstone</a></li>
                        <li title="Sea Mist" id="thread-sea-mist" style="background: #86ADB2"><a onclick="return setOption('thread-color', this);" >Sea Mist</a></li>
                        <li title="Silver" id="thread-silver" style="background: #989BAA"><a onclick="return setOption('thread-color', this);" >Silver</a></li>
                        <li title="Spice" id="thread-spice" style="background: #9F3944"><a onclick="return setOption('thread-color', this);" >Spice</a></li>
                        <li title="Steel Grey" id="thread-steel-grey" style="background: #656E7D"><a onclick="return setOption('thread-color', this);" >Steel Grey</a></li>
                        <li title="Strawberry" id="thread-strawberry" style="background: #C21F58"><a onclick="return setOption('thread-color', this);" >Strawberry</a></li>
                        <li title="Sunshine" id="thread-sunshine" style="background: #FCE07D"><a onclick="return setOption('thread-color', this);" >Sunshine</a></li>
                        <li title="Teal" id="thread-teal" style="background: #00979E"><a onclick="return setOption('thread-color', this);" >Teal</a></li>
                        <li title="True Red" id="thread-true-red" style="background: #BC1638"><a onclick="return setOption('thread-color', this);" >True Red</a></li>
                        <li title="Ultra Violet" id="thread-ultra-violet" style="background: #A755A1"><a onclick="return setOption('thread-color', this);" >Ultra Violet</a></li>
                        <li class="selected" title="White" id="thread-white" style="background: #ffffff"><a onclick="return setOption('thread-color', this);" >White</a></li>
                        <li title="White Performance Twill" id="thread-white-performance-twill" style="background: #ffffff"><a onclick="return setOption('thread-color', this);" >White Performance Twill</a></li>
                        <li title="Wine" id="thread-wine" style="background: #631C3A"><a onclick="return setOption('thread-color', this);" >Wine</a></li>
                        <li title="Wisteria Purple" id="thread-wisteria-purple" style="background: #8A76B7"><a onclick="return setOption('thread-color', this);" >Wisteria Purple</a></li>
                    </ul>
                    <input type="hidden" value="117" class="hidden" id="thread-color" name="thread_color"><br>
                    <div id="monogram-1">
                        <label for="m-1"><span>Set</span> Monogram Text</label>
                        <input type="text" value="" id="m-1" name="m_1">
                        <span class="hint">J. Smith, RN</span>
                    </div>
                    <div style="display: none;" id="monogram-2">
                        <input type="text" value="" id="m-2" name="m_2">
                        <span class="hint">Paramedic</span>
                    </div>
                </div>
                <label for="quantity">
                    <span>Choose</span> Quantity
                    <select id="quantity" name="quantity">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                    </select>
                </label><br>
                <label><span>Item</span> Price: <strong id="price">$21.90</strong></label>
            </fieldset>
        </div>
    </div>
</div>